.checkbox-view {
    input[type='checkbox'], input[type='radio'] {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        -webkit-appearance: none;
        background-color: transparent;
        border: none;
        &:before {
            font-family: "iconfont" !important;
            font-size: 20px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            line-height: 20px;
        }
        &:not(:checked):before {
            content: '\e631';
            color: #666;
        }
        &:checked:before {
            content: '\e630';
            color: $color-primary;
        }
    }
}